﻿/* Tuto : http://www.jakpsatweb.cz/css/css-vertical-center-solution.html */

/* FORMULAIRE */
.form
{
    font-family: Tahoma;
    border: 1px solid #CCC;
    margin-top: 15px;
    padding: 12px;
    padding-right: 18px;

}
.submit-form
{
    
}
.form-row
{
    line-height: 50px;
}
/* MESSAGE ROW */
.form-info-text, .validation-summary-errors
{
    font-size: 12px;
    line-height: 50px;
    width: 100%;
    display: table;  
}
.form-info-text .form-message
{
}
.form-info-text-content
{
    display: table-cell; 
    vertical-align: middle;
}
.form-info-text .window-content
{
    height: 25px;
    line-height: 25px;
}
.form-info-text .window-content-content
{
    text-indent: 5px;
}

/* ------------------------------------------------------------------- */
/* TABLE GROUP THE FIELD LINE                                          */

.form-table-field
{
    table-layout:fixed;
}
.form-tr-field
{
    line-height: 50px;
    height: 50px;
}

/* ------------------------------------------------------------------- */
/* ERROR FORM                                                          */



/* ------------------------------------------------------------------- */
/* CHECKBOX FIELD                                                      */

.form-field-checkbox .window-content-content
{
    line-height: 24px;
    height: 24px;
}
.form-checkbox-title
{
    margin: 4px;
    margin-left: 22px;
    margin-bottom: 0px;
}
.form-field-checkbox
{
    line-height: 32px;
    height: 32px;
}
.form-field-checkbox .window-center-table
{
    line-height: normal;
}
input[type="checkbox"]
{
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-left: 4px;
    margin-right: 4px;
}

/* ------------------------------------------------------------------- */
/* TEXTBOX FIELD                                                       */

.form-input-string
{
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    overflow: hidden;
    line-height: 23px;
    height: 23px;
}
.form-input-string input
{
    border-width: 0px;
    background-color: transparent;
    width: 100%;
    line-height: 20px;
    height: 20px;
    background-position: 0px -1px;
    background-color: White;
    background-repeat: repeat-x;
    background-image: url("Images/Form/input-text.gif");
}
.form-input-left
{
    width: 1px;
    background-color: #cccccc;
}
.form-input-right
{
    width: 1px;
    background-color: #cccccc;
}
.form-field-value
{
    vertical-align: middle;
}
.form-field-title
{
    width: 130px;
    vertical-align: middle;
    text-indent: 8px;
}
.form-field-error
{
    position: relative;
    vertical-align: middle;
    width: 15px;
}

/* ------------------------------------------------------------------- */
/* MESSAGE ERROR FROM SERVEUR                                          */
.form .error-message
{
    margin-top:9px;
}
    /* ------------------------------------------------------------------- */
    /* TEXTBOX FIELD FOCUS                                                 */

    .form-focus .form-input-string
    {
        border-top: 1px solid #7eadd9;
        border-bottom: 1px solid #7eadd9;
    }
    .form-focus .form-input-left
    {
        width: 1px;
        background-color: #7eadd9;
    }
    .form-focus .form-input-right
    {
        width: 1px;
        background-color: #7eadd9;
    }
    .form-input-string input:focus, .form-input-password input:focus
    {
        outline: none !important;
    }
    .form-input-string input.form-input-focus, .form-input-password input.form-input-focus
    {
        border: 1px solid #7eadd9;
    }
    
    /* ------------------------------------------------------------------- */
    /* TEXTBOX FIELD ERROR                                                 */
    
    .field-validation-error-td
    {
        background-image: url("Images/Form/form-input-error.gif");
        background-repeat: no-repeat;
        background-position: 8px 5px;
        height: 20px;
        line-height: 20px;
        overflow: hidden;
    }
    .field-validation-error
    {
        width: 14px;
        display: block;
        min-width: 14px;
        overflow: hidden;
        height: 16px;
        margin-top: 3px;
        margin-left: 10px;
        margin-right: 3px;
        text-indent: -999px;
        font-size: 0;
        display: block;
    }






